<!DOCTYPE html>
<html>
<head>
<!-- meta使用viewport以确保页面可自由缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 引入 jQuery Mobile 样式 -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<!-- 引入 jQuery 库 -->
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- 引入 jQuery Mobile 库 -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/u.js"></script>
<link href="css/r.css" rel="stylesheet" type="text/css" />
<link href="css/u.css" rel="stylesheet" type="text/css" />
<body>
	<div class="register">
		<div class="navigation">
			<div class="font"><font size="3" color="white">个人主页</font></div>
		</div>
		<ul data-role="listview">
		<li></li>
		<li><img src="http://127.0.0.1:8080/record/images/xjp.jpg" height="80px" width="80px"><div id="username">习近平</div></li>
		<li></li>
		<li><a href="#myPerson" data-rel="popup"  onclick="myPerson()">个人信息 </a></li>
		<li></li>
		<li><a href="#password" data-rel="popup" onclick="passworda()" >修改支付密码 </a></li>
		<li></li>
		<li><a onclick="record()">病历查询</a></li>
		<li></li>
		<li><a onclick="register()" >预约记录</a></li>
		<li></li>
		<li><a href="#call" data-rel="popup" >联系我们 </a></li>
		<li></li>
		</ul>
		<div data-role="main" class="ui-content" style="text-align: center;">
   		 	 <div data-role="popup" id="password">
   		 	 <p>修改支付密码</p>
   		 	  <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">关闭</a>
     		 <input type="hidden"   id="passId">
     		 <input type="password" placeholder="旧密码" class="pass" id="oldPass">
     		 <input type="password" placeholder="新密码" class="pass" id="newPass">
     		 <button onclick="passClick()">提交</button>
    		</div>
 		 </div>
		<div data-role="main" class="ui-content" >
   		 	 <div data-role="popup" id="myPerson">
   		 	 <p align="center">个人信息</p>
   		 	  <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">关闭</a>
     		 <p>姓名：</p>
     		 <input type="text" class="info"  id="name">
			 <p>余额：</p>     		
     		 <input type="text" class="info"  id="balance" disabled="disabled">
     		 <p>地址：</p>
     		 <input type="text" class="info"  id="address">
     		 <p>手机号码：</p>
     		 <input type="text" class="info"  id="phone">
     		 <input type="hidden" class="info"  id="id">
     		 <button onclick="updateInfo()">提交</button>
    		</div>
 		 </div>
		<div data-role="main" class="ui-content">
   		 	 <div data-role="popup" id="call">
     		 <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">关闭</a>
    		<p>我们的联系电话是:&nbsp0577-88776655</p>
			<p>The Best Department Of Orthopedics</p>
    		</div>
 		 </div>

		<div class="fontBottom">--我也是有底线的--</div>
	</div>
	
</body>
</html>